<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html>
<!--[if lt IE 9] <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif] -->
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://xmlns.jcp.org/jsf/passthrough"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <title>LOGIN-SVH</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
        <h:outputStylesheet name="css/font.css" />
        <h:outputStylesheet name="css/bootstrap.css" />
        <h:outputStylesheet name="css/style.css" />
    </h:head>
    <h:body>
        <div id="table">
            <div class="cell">
                <div class="center">
                    <div class="panel panel-harama">
                        <div class="panel-heading">
                            <h3 class="panel-title">Optimización de los pedidos para la empresa Halema</h3>
                        </div>
                        <div class="panel-body" >
                            <div class="row">
                                <div class="col-sm-6">
                                    <h:form styleClass="form-horizontal">
                                        <h:messages globalOnly="true" styleClass="list-group"
                                            infoClass="list-group-item list-group-item-success"
                                            errorClass="list-group-item list-group-item-danger"
                                            />
                                        <div class="form-group">
                                            <label for="user" class="col-sm-4 control-label">Usuario :</label>
                                            <div class="col-sm-8">
                                                <h:inputText styleClass="form-control" value="#{loginControlador.user.nick}" p:placeholder="Ingrese su usuario"  id="user"  />            
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="contra" class="col-sm-4 control-label">Clave :</label>
                                            <div class="col-sm-8">
                                                <h:inputSecret styleClass="form-control" value="#{loginControlador.user.clave}" p:placeholder="Ingrese su clave" id="contra"  />
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="locale" class="col-sm-4 control-label">Local :</label>
                                            <div class="col-sm-8">
                                                <h:selectOneMenu value="#{loginControlador.local.id}" styleClass="form-control" id="locale" >
                                                    <f:selectItems value="#{loginControlador.locales}" var="list" itemLabel="#{list.nombre}" itemValue="#{list.id}" />
                                                </h:selectOneMenu>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-sm-12">
                                                <h:commandButton styleClass="btn btn-primary" action="#{loginControlador.login}" value="Aceptar">
                                                    <f:ajax execute="@form" render="@form" />
                                                </h:commandButton >
                                            </div>
                                        </div>
                                    </h:form>
                                </div>
                                <div class="col-sm-6">
                                    <div class="col-sm-12" style="font-weight: bold;">
                                        Resumen :
                                    </div>
                                    <div class="col-sm-12" >
                                        <div class="form-control" style="width: 100%;min-height: 120px;overflow: auto;"  >
                                            <p>
                                                Especificaciones del Sistema de Ventas Harama:
                                            </p>
                                            <p>
                                                Este proyecto se ha realizado para el curso de Taller de Proyectos.<br/>
                                                El cual se dividira en 4 entregables practicos:
                                            </p>
                                            <u>
                                                <li>
                                                    Primer Entregable: <br/>
                                                </li>
                                            </u>
                                            <p style="padding-left: 5px;">
                                                - Creacion y Diseño del Login<br/>
                                                - Creacion y Diseño de la página principal del Sistema<br/>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <!--    <h:outputScript name="js/jquery-1.9.1.min.js" />
            <h:outputScript name="js/bootstrap.js" />
            <h:outputScript name="js/bootstrap.min.js" /> -->

    </h:body>
</html>

